<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>

<!-- artwork.jsp 艺术品-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>艺术品</title>
<meta name="keywords" content="艺博客，艺术品网站,艺术网站,国画,油画,书法,装饰画,租画,艺术品租赁,艺术品交易,艺术交易平台">
<meta name="description" content="艺博客artbloger.com是由棋至文化倾情推出的普惠艺术品类网站平台，汇集了数千位国内知名的、富有潜力的国画、油画、书法等青中老艺术家，以及近五万幅高质量风格迥异的艺术作品，是集以行业资讯、知识传播、艺术品交易、个性定制、社交互动等多项服务为一体的综合型交流交易艺术品网站">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="telephone=no" name="format-detection">
<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no" id="viewport" name="viewport">
<meta name="baidu-site-verification" content="ShuFpCrxDG">
<link type="image/x-icon" href="#//static.artbloger.com/favicon.ico" rel="icon">
<link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css" />
<link rel="apple-touch-icon-precomposed" href="#//static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="#//static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="#//static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="#//static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="#//static.artbloger.com/touch-icon-144.png">

<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/font_286873_tqipw4depadobt9.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/responsive2.css">
<link rel="stylesheet" type="text/css" href="css/common2.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<script src="js/hm.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/clamp.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/bfw.js"></script>
<script type="text/javascript" src="js/bfw_cart.js"></script>
<script type="text/javascript">var _bfw_config={"baseurl":"","routetype":2,"contname":"cont","actname":"act","domname":"dom","jsbaseurl":"#\/\/static.artbloger.com\/js\/","cssbaseurl":"#\/\/static.artbloger.com\/css\/"};</script>



</head>

<body style="background-color: rgb(204, 204, 204); padding-top: 0px;">


	<div class="container">
	 <%@ include  file="head.jsp" %>
		


		<link type="text/css" rel="stylesheet" href="images/responsive2.css">
		<div class="div_kefu_right" style="top: 288px;">
			<section>
				<a href="javascript:;"> <i class="iconfont icon-shouji1"></i> <span>手机微站</span>
					<div>
						<img src="images/phone_buy.png">
					</div>
				</a>
			</section>
			<section>
				<a href="#q.url.cn/s/pFJgFEm?_type=wpa"> <i class="iconfont icon-qq1"></i> <span>QQ客服</span>
				</a>
			</section>
			<section>
				<a href="javascript:;"> <i class="iconfont icon-erweima1"></i> <span>微信客服</span>
					<div>
						<img src="images/wx_kefu.png">
					</div>
				</a>
			</section>
			<section>
				<a class="top" href="javascript:scroll(0,0)" style="display: none; background: rgb(255, 255, 255);"> <i class="iconfont icon-icon-top"></i> <span>TOP</span>
				</a>
			</section>
		</div>
		<div class="artworks_m">
			<div class="artwork_classchose">
				<div class="fen">
					<p>艺术品&nbsp;&nbsp;</p>
					<ul>
						<li class="fen_classid"></li>
						<li class="fen_subclassid"></li>
						<li class="fen_occasion"></li>
						<li class="fen_pricerange"></li>
						<li class="fen_reset"><a href="javascript:;">重置所有条件</a></li>
					</ul>
					<section style="clear: both;"></section>
				</div>
			</div>
			<div class="condition" classid="" subclassid="" occasion="" pricerange="" sorttype="hits" jingxuan="0" maxys="1" style="display:none;"></div>
			<div class="artwork_detail">
				<div class="artwork_detail_o case1">
					<div>
						<span class="artwork_detail_t">画品</span><span>分类：</span>
					</div>

					<div id="myDiv">

						<ul class="cate">
							<!-- 画品分类 -->

							<li class="selectRed"><a href="${PageContext.request.ContextPath}/artsystem/artworkSort.do" s_nav="buxian" data="" class="">不限</a></li>
							<c:forEach items="${listType}" var="i">

								<li><a href="${PageContext.request.ContextPath}/artsystem/artworkSort.do?guohua=${i.art_type}"  onclick="fu1()" id="guohau"  s_nav="guohua" data="2">${i.art_type}</a></li>

							</c:forEach>
						</ul>

						<div style="clear: both;"></div>
					</div>
<script type="text/javascript">
function fu1() {
	var guohua = $("#guohau").html(); //jQuery得到页面的数据
	alert(guohua);
	$.ajax({
		url : "", //请求的路径artworkSort.do
		async : true, //表示同步还是异步
		types : "POST", //请求的方式
		data : {"guohua" : guohua}, //请求的方式
		success : function(data) {
			//相应成功后执行的方法，相应后得到的数据放在data中
			alert(data);

		},
		error : function() {
			//服务器相应失败执行的方法
			alert("失败");

		},
		dataType : "JSON", //服务器响应数据的格式

	})

}
</script>



					<section style="clear: both;"></section>
				</div>
				<div style="clear: both;"></div>

				<div class="artwork_detail_o case2">
					<div>
						<span class="artwork_detail_t">题材</span><span>分类：</span>
					</div>
					<div>
						<ul class="subcate">
							<li class="selectRed"><a href="javascript:void(0);" data="" class="">不限</a></li>
							<!-- 根据题材分类 -->
							<c:forEach items="${listTheme}" var="i">
								<li><a href="${PageContext.request.ContextPath}/artsystem/artworkSort.do?guohua=${i.t_type}" data="602">${i.t_type}</a></li>
							</c:forEach>
						</ul>
						<div style="clear: both;"></div>
					</div>
					<section style="clear: both;"></section>
				</div>
				<div style="clear: both;"></div>

				<div class="artwork_detail_o case3">
					<div>
						<span>适合</span><span class="artwork_detail_t">场所</span><span>：</span>
					</div>
					<div>
						<ul class="occasion">
							<li class="selectRed"><a href="javascript:void(0);" data="" class="">不限</a></li>
							<c:forEach items="${listOccation}" var="i">
								<li><a href="${PageContext.request.ContextPath}/artsystem/artworkSort.do?guohua=${i.t_type}" data="51">${i.t_type}</a></li>
							</c:forEach>
						</ul>
					</div>
					<section style="clear: both;"></section>
				</div>
				<div style="clear: both;"></div>

				<div class="artwork_detail_o case4">
					<div>
						<span class="artwork_detail_t">价格范围</span><span>：</span>
					</div>
					<div>
						<ul class="pricerange">
							<li class="selectRed"><a href="javascript:void(0);" data-range="10000" data="" class="">不限</a></li>
							<c:forEach items="${listPrice}" var="i">
								<li><a href="${PageContext.request.ContextPath}/artsystem/artworkSort.do?guohua=${i.rg_name}" data-range="10001" data="0,500">${i.rg_name}</a></li>
							</c:forEach>
						</ul>
					</div>
					<section style="clear: both;"></section>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>

		<!--中间内容区域-->
		<div class="a_content1 artworklist_lease_t">
			<div class="nav">
				<p id="hits" data="hits" class="cur_showf">热门</p>
				<p id="new" data="id">最新</p>
				<p id="price" data="price">价格</p>
				<span><div class="ipt"></div> <span>只看精选</span></span>
				<div class="fen_clo" id="art_fen_clo">
					<span class="sp1"> &lt; </span><span class="sp2"> <span style="color:red;">${pageBean.currentPage }</span>/${pageBean.totaCount }
					</span><span class="sp3"> &gt; </span>
				</div>
				<!--v5分页-->
				<!-- <div id="pages-list">
        	            <span> <a class="pg_pre" href="">&lt;</a> </span>
            <em class="pg_cur a_Lnum"></em>/<em class="pg_total a_Rnum"></em>
            <span> <a class="pg_next" href="">&gt;</a> </span>
        </div>-->
			</div>


			<!--从数据库中拿出数据==向页面进行展示  -->

			<div style="clear: both;"></div>


			<ul class="layout">


<c:forEach items="${pageBean.list }" var="product">
<li>
	<!-- details.do?p_id='${product.p_id}'跳转到详情页面 --> <!-- details.jsp则是详情页 --> 
	<a target="_blank" href="details.do?p_id=${product.p_id}">
		<p>
			<img src="${product.p_image}" alt="" title="荷花-1">
		</p>
		<p>${product.p_name }<span>--</span> <span>${product.p_author }</span><span>--</span>${product.art_type}</p>
		<div style="clear: both;"></div>
		<p></p>
		<p>
			<span class="code_money">￥</span>${product.p_price }
		</p>
</a>
</li>


</c:forEach>


			</ul>

			<div class="clearfix"></div>
			<!--<div class="paging">
	    	</div>-->

			<!--分页  -->
<div class="art_column">
	<ul class="page_num">
	

<!-- 判断是否是最后一页,判断当前页是否是第一页<li class="pre">&lt;</li> -->
	<c:if test="${pageBean.currentPage > 1}">
		<li class="pre"><a href="artwork.do?currentPage=${pageBean.currentPage-1}">&lt;</a></li>
	</c:if>

	<style>
		li.cur {
			background-color: #f5f5f5;
		}
		</style>
<c:set var="start" value="1" />
	<c:set var="end" value="10" />

	<c:if test="${pageBean.currentPage>6}">
		<c:set var="start" value="${pageBean.currentPage-5}" />
		<c:set var="end" value="${pageBean.currentPage+4}" />
	</c:if>

	<c:forEach begin="${start}" end="${end}" step="1" var="page">
		<c:if test="${pageBean.currentPage==page}">
			<li class="cur"><a hret ="###">${page}</a></li>
		</c:if>
		<c:if test="${pageBean.currentPage!=page && page<=pageBean.totalPage }">
			<li class="list"><a href="artwork.do?currentPage=${page}">${page}</a></li>
		</c:if>
	</c:forEach>


				<!-- 判断是否是最后一页,判断当前页是最大页 -->
	<c:if test="${pageBean.currentPage == pageBean.totalPage}">
		<!-- <li class="next">&gt;</li> -->
	</c:if>

	<c:if test="${pageBean.currentPage != pageBean.totalPage}">
		<li class="next"><a href="artwork.do?currentPage=${pageBean.currentPage+1}">&gt;</a></li>
	</c:if>
	
	
	
	</ul>
</div>

			<!-- 	<div class="art_column">
    	<div class="list">共<i class="blue">1256</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页</div>
        <ul class="page_num">
	        <li class="list"><a href="javascript:;"><span class="pagepre"></span></a></li>
	        <li class="list"><a href="javascript:;">1</a></li>
	        <li class="list current"><a href="javascript:;">1</a></li>
	        <li class="list"><a href="javascript:;">1</a></li>
	        <li class="list"><a href="javascript:;">1</a></li>
	        <li class="list"><a href="javascript:;">1</a></li>
	        <li class="list"><a href="javascript:;">...</a></li>
	        <li class="list"><a href="javascript:;">1111111111111</a></li>
	        <li class="list"><a href="javascript:;"><span class="pagenxt"></span></a></li>
        </ul>
    </div>
		 -->

		</div>


		<div class="footer_box">
			<div class="footer_top">
				<img class="footer_img" src="images/footer_log.png">
				<div class="fr">
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/Questions/">常见问题</a>
							<!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
							<a href="#www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a href="#www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
							<!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/AboutUs/">关于我们</a>
						</dt>
						<dd>
							<!--<a href="javsacript:;">人才招募</a>-->
							<a href="#www.artbloger.com/Cms/Page/ContactUs/">联系我们</a> <a href="#www.artbloger.com/Cms/Zhuanti/ArtInterview/">艺术家招募</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/dingyuehao.png">
						</dt>
						<dd>
							<a href="javascript:;">微信订阅号</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/app_down.jpg">
						</dt>
						<dd>
							<a href="javascript:;">手机艺博客</a>
						</dd>
					</dl>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="footer_bottom">
				<p class="footer_bottom_p">
					艺博客版权所有 <a href="#www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright © 2013 - 2017 artbloger.com, All Rights Reserved. <span id="cnzz_stat_icon_1265187549"><a
						href="#www.cnzz.com/stat/website.php?web_id=1265187549" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="images/pic.gif"></a></span>
				</p>
			</div>
		</div>
	</div>


	<iframe name="228987" height="0" width="0" src="images/mv.html" style="display: none;"></iframe>




</body>
</html>